const styles = {
  fontSize: 12,
  inputHeight: 24,
  radius: 4,
  buttonHeight: 26,
  buttonPaddingInline: 8,
};

export const theme = {
  token: {
    fontSize: styles.fontSize,
    colorPrimary: 'rgb(70 70 129)',
    controlItemBgActive: 'rgb(70 70 129 / 10%)',
  },
  components: {
    Button: {
      borderRadius: styles.radius,
      controlHeight: styles.buttonHeight,
      paddingInline: styles.buttonPaddingInline,
    },
    Menu: {
      itemHeight: 24,
      itemPaddingInline: 12,
    },
    Input: { borderRadius: styles.radius, controlHeight: styles.inputHeight },
    InputNumber: { borderRadius: styles.radius },
    Popover: { borderRadius: styles.radius },
    Select: { borderRadius: styles.radius, controlHeight: styles.inputHeight },
  },
};
